<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="/pages/common/header.jsp"%>
<jdf:themeFile file="business/purchase${template}.js" />
</head>
<c:choose>
    <c:when test="${action=='unpay'}">
        <c:set value="应付款采购单" var="title" />
    </c:when>
    <c:when test="${action=='my'}">
        <c:set value="我的采购单" var="title" />
    </c:when>
    <c:when test="${action=='audit'}">
        <c:set value="采购单审核" var="title" />
    </c:when>
    <c:when test="${action=='page'}">
        <c:set value="采购单管理" var="title" />
    </c:when>
    <c:when test="${action=='paid'}">
        <c:set value="已付款采购单" var="title" />
    </c:when>
    <c:otherwise>
        <c:set value="采购单查询" var="title" />
    </c:otherwise>
</c:choose>
<body>
    <div class="contentBody contentborder">
        <div class="tab-pane" id="tabPane">
            <div id="message">${message }</div>
            <div class="tab-page">
                <h1 class="tab">${title }</h1>
                <div class="contentborder">
                    <jdf:form bean="request" scope="request">
                        <form action="${dynamicDomain}/purchase/${action}" method="post">
                            <table class="inputTable">
                                <tr>
                                    <td nowrap class="label cancelBorderLeft"><label
                                        for="search_EQI_objectId">采购编号：</label></td>
                                    <td class="content"><input type="text"
                                        name="search_EQI_objectId" /></td>
                                    <td nowrap class="label"><label
                                        for="search_GED_purchaseDate">采购日期：</label></td>
                                    <td class="content"><input type="text"
                                        id="search_GED_purchaseDate" size="12"
                                        name="search_GED_purchaseDate" class="Wdate"
                                        onClick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'search_LED_purchaseDate\')}',readOnly:true})">
                                        ~ <input type="text" id="search_LED_purchaseDate" size="12"
                                        name="search_LED_purchaseDate" class="Wdate"
                                        onClick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'search_GED_purchaseDate\')}',readOnly:true})">
                                    </td>
                                </tr>
                                <tr>
                                     <td class="label cancelBorderLeft" style="width: 210px;">
                                         <label for="search_EQI_type">采购单类型：</label>
                                     </td>
                                     <td class="content" colspan="3">
                                         <select name="search_EQI_type">
                                             <jdf:select dictionaryId="1003"/>
                                         </select>
                                     </td>
                                 </tr>
                                
                                <c:if test="${action!='unpay' && action!='paid' }">
                                <tr>
                                    <td nowrap class="label cancelBorderLeft"><label
                                        for="search_EQI_status">状态：</label></td>
                                    <td class="content"><select name="search_EQI_status">
                                            <option value=""></option>
                                            <jdf:select dictionaryId="1007" />
                                    </select></td>
                                    <td nowrap class="label"><label
                                        for="search_EQI_financeStatus">财务状态：</label></td>
                                    <td class="content"><select
                                        name="search_EQI_financeStatus">
                                            <option value=""></option>
                                            <jdf:select dictionaryId="1002" />
                                    </select></td>
                                </tr>
                                </c:if>
                                <c:if test="${action=='unpay' }">
                                <tr>
                                    <td nowrap class="label cancelBorderLeft">
                                        <label for="search_GED_predictPayDate">应付日期：</label>
                                    </td>
                                    <td class="content">
                                       <input type="text" id="search_GED_predictPayDate" size="12" name="search_GED_predictPayDate" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'search_LED_predictPayDate\')}',readOnly:true})">
                                        ~
                                        <input type="text" id="search_LED_predictPayDate" size="12" name="search_LED_predictPayDate" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'search_GED_predictPayDate\')}',readOnly:true})">
                                    </td>
                                    <td nowrap class="label">
                                        <label for="search_GEN_total">金额：</label>
                                    </td>
                                    <td class="content">
                                       <input type="text" name="search_GEN_total"  size="12">~<input type="text" name="search_LEN_total"  size="12">
                                    </td>
                                </tr>
                                </c:if>
                                <c:if test="${action!='supplier' }">
                                <tr>
                                    <td nowrap class="label cancelBorderLeft">
                                        <label for="search_EQI_currency">币种：</label>
                                    </td>
                                    <td class="content">
                                        <select name="search_EQI_currency">
                                            <option value=""></option>
                                            <jdf:select dictionaryId="1006" valid="true"/>
                                        </select>
                                    </td>
                                    <td nowrap class="label">
                                        <label for="search_EQI_supplierId">供应商：</label>
                                    </td>
                                    <td class="content">
                                        <input type="hidden" name="search_EQI_supplierId" id="supplierId"/>
                                        <input type="text" name="supplierName" id="supplierName" size="25"/>
                                        <a href="${dynamicDomain}/supplier/select?ajax=1" class="colorbox">选择</a>
                                    </td>
                                </tr>
                                </c:if>
                                <tr>
                                    <td class="bottomLabel" nowrap colspan="4">
                                        <div class="right">
                                            <button type="reset">重置</button>
                                            <button type="submit">查询</button>
                                        </div>
                                    </td>
                            </table>
                        </form>
                    </jdf:form>
                </div>
                <div class="contentborder listArea">
                    <div class="toolBar">
                        <c:if test="${action=='my' }">
                            <button type="button"
                                onclick="window.location.href='${dynamicDomain}/purchase/create?action=${action}'">增加</button>
                        </c:if>
                    </div>
                    <div id="tableDiv">
                        <jdf:table items="items" var="currentRowObject" retrieveRowsCallback="limit" filterRowsCallback="limit" sortRowsCallback="limit" action="${action}">
                            <jdf:export view="csv" fileName="采购单.csv" tooltip="Export CSV" imageName="csv" />
                            <jdf:export view="xls" fileName="采购单.xls" tooltip="Export EXCEL" imageName="xls" />
                            <jdf:row>
                                <jdf:column property="objectId" title="采购编号" style="width: 12%">
                                ${currentRowObject.purchaseNo}
                                </jdf:column>
                                <jdf:column property="supplierId" title="供应商" style="width: 13%">
                                    <jdf:columnCollectionValue items="suppliers" nameProperty="name" value="${currentRowObject.supplierId}" />
                                </jdf:column>
                                <jdf:column property="purchaseDate" title="采购日期" style="width: 11%" cell="date" />
                                <jdf:column property="delivaryDate" title="交货日期" style="width: 11%" cell="date" />
                                <c:if test="${action=='unpay' }">
                                <jdf:column property="predictPayDate" title="应付日期" style="width: 11%" cell="date"/>
                                </c:if>
                                <c:if test="${action=='paid' }">
                                <jdf:column property="payDate" title="付款日期" style="width: 11%" cell="date"/>
                                </c:if>
                                <jdf:column property="total" title="金额" style="width: 10%" cell="currency"/>
                                <jdf:column property="-1" title="客人订单编号" style="width: 13%" sortable="false" >
                                   ${currentRowObject.order.clientPo}
                                </jdf:column>
                                <c:if test="${action!='unpay'&&action!='paid' }">
                                <jdf:column property="status" title="状态" style="width: 6%">
                                    <jdf:columnValue dictionaryId="1007" value="${currentRowObject.status}" />
                                </jdf:column>
                                </c:if>
                                <jdf:column alias="操作" sortable="false" viewsAllowed="html" style="width: 15%">
                                    <c:choose>
                                       <c:when test="${currentRowObject.status<20 ||action=='page'}">
                                           <c:if test="${(action=='my' && s_userId==currentRowObject.userId)||action=='page'}">
                                           <a href="${dynamicDomain}/purchase/edit/${currentRowObject.id}?action=${action}" class="button">修改</a>
                                           </c:if>
                                       </c:when>
                                   </c:choose>
                                    <a href="${dynamicDomain}/purchase/print/${currentRowObject.objectId}?action=${action}" class="button">查看</a>
                                    <c:if test="${action=='audit' }">
                                        <a href="javascript:audit(${currentRowObject.objectId},'${action}')" class="button  audit">审核通过</a>
                                    </c:if>
                                    
                                    <c:if test="${(action=='page'||action=='audit')&&(currentRowObject.status == 20||currentRowObject.status == 10) }">
                                       <a href="#backwardReason" onclick="javascript:currentPurchaseId=${currentRowObject.objectId};" class="button audit backward">退回</a>
                                    </c:if>
                                    <c:if test="${(currentRowObject.status == 20)||action!='my'}">
                                    <a href="#selectUser" onclick="javascript:currentPurchaseId=${currentRowObject.objectId};getCustomer(${currentRowObject.supplierId});"
                                            class="button audit edit">邮件通知</a>
                                    </c:if>
                                    <c:if test="${action=='unpay' }">
                                        <a href="javascript:pay(${currentRowObject.objectId},'${action}')" class="button audit">付款</a>
                                    </c:if>
                                    <c:if test="${action=='page'&&currentRowObject.status!=50  }">
                                        <a href="javascript:finish(${currentRowObject.objectId},'${action}')" class="button audit">采购完成</a>
                                    </c:if>
                                    <a href="${dynamicDomain}/purchase/download/${currentRowObject.objectId}" class="button">PDF下载</a>
                                </jdf:column>
                            </jdf:row>
                        </jdf:table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="display: none;">
        <div id="selectUser" class="contentborder">
            <div id="suberror"></div>
            <div id="subnotice"></div>
            <table class="inputTable">
                <tr>
                    <td class="label cancelBorderLeft" style="width: 20%;"><label>供应商：</label></td>
                    <td class="content">&nbsp;<input type="checkbox"
                        name="customer" value="1" id="customer_1"
                        style="vertical-align: middle;">&nbsp;<label
                        id="customer_2" for="customer_1"></label></td>
                </tr>
                <jsp:include page="/extendUser/selectEmailUsers" flush="true" />
                <tr>
                    <td class="bottomLabel" colspan="2">
                        <div class="right">
                            <button onclick="notify()" id="notifyButton">邮件通知</button>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div style="display: none;">
        <div id="backwardReason" class="contentborder">
            <div id="suberror1" class="suberror"></div>
            <div id="subnotice1" class="subnotice"></div>
            <table class="inputTable">
               <tr>
                   <td class="label cancelBorderLeft" style="width: 25%;"><label>退回原因：</label></td>
                   <td class="content">&nbsp;<textarea cols="30" rows="2" name="reason" id="reason"></textarea></td>
               </tr>
                <tr>
                   <td class="bottomLabel" colspan="2">
                      <div class="right">
                          <button onclick="backward('${action}')" id="backwardButton">确认退回</button>
                      </div>
                  </td>
               </tr>
            </table>
        </div>
    </div>

    <script type="text/javascript">
        
        $(function() {
            $(".colorbox").colorbox({iframe:true, innerWidth:700, innerHeight:460});
            $(".backward").colorbox({inline:true, innerWidth:400, innerHeight:200,href:'#backwardReason'});
            $('.edit').colorbox({ inline:true,innerWidth:500, innerHeight:300,href:'#selectUser'});
        });
        
        var currentPurchaseId = null;
        
    </script>
</body>
</html>